<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>
        用户登录
    </title>
<link href="login.css" rel="stylesheet"></head>

<body>
    <div class="wrap">
        <div class="wpn">
            <div class="form-data pos">
                
                <div class="change-login">
                    <p class="account_number on">账号登录</p>
                    <p class="message">账号注册</p>
                </div>
                <form>
                    <div class="form1">
                        <p class="p-input pos">
                            <label for="username">请输入账号</label>
                            <input type="text" name="username" id="username">
                            <span class="tel-warn num-err hide"><em>账号或密码错误，请重新输入</em><i class="icon-warn"></i></span>
                        </p>
                        <p class="p-input pos">
                            <label for="password">请输入密码</label>
                            <input type="password" name="password">
                            <span class="tel-warn pass-err hide"><em>账号或密码错误，请重新输入</em><i class="icon-warn"></i></span>
                        </p>
                        <p class="p-input pos code hide">
                            <label for="veri">请输入验证码</label>
                            <input type="text" id="veri">
                            <img src="">
                            <span class="tel-warn img-err hide"><em>账号或密码错误，请重新输入</em><i class="icon-warn"></i></span>
                            <a href="javascript:;">换一换</a>
                        </p>
                    </div>
                    <div class="r-forget cl">
                        
                        <a href="javascript:;" class="y">忘记密码</a>
                    </div>
                    <button type="submit" class="lang-btn on log-btn">登录</button>
                </form>
                <div class="form2 hide">
                    <p class="p-input pos">
                        <label for="num2">手机号</label>
                        <input type="number" id="num2">
                        <span class="tel-warn num2-err hide"><em>账号或密码错误</em><i class="icon-warn"></i></span>
                    </p>
                    <p class="p-input pos">
                        <label for="veri-code">输入验证码</label>
                        <input type="number" id="veri-code">
                        <a href="javascript:;" class="send">发送验证码</a>
                        <span class="time hide"><em>120</em>s</span>
                        <span class="tel-warn error hide">验证码错误</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
<script type="text/javascript" src="login.min.js"></script></body>

</html>
